<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>一见粽情</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="shortcut icon"  href="logo.ico">
	<script>
		window.onload = function() {
            var oPrev = document.getElementById("prev");
            var oNext = document.getElementById("next");
            var oImg = document.getElementById("img");
            var oBanner = document.getElementById("banner");
            var oHead = document.getElementById("header");
            var oHref = document.getElementById("href");
            var oList = document.getElementById("list");
            var oLi = oList.getElementsByTagName("li");
            var oJump = oList.getElementsByTagName("div");
            var arrSrc = ['images/banner_1.jpg', 'images/banner_2.jpg'];
            var arrBg = ["#fff5d2", "#eaeaea"];
            var arrUrl = ["Commodity.html", "Commodity.html"];
            var num = 0;

            function change() {
                oImg.src = arrSrc[num];
                oBanner.style.background = arrBg[num];
                oHead.style.background = arrBg[num];
                oHref.href = arrUrl[num];
            }

            change();

            oPrev.onclick = function () {
                num--;
                if (num == -1) {
                    num = arrUrl.length - 1;
                }
                change();
            };
            oNext.onclick = function () {
                num++;
                if (num == arrUrl.length) {
                    num = 0;
                }
                change();
            };
            function tab() {
                num++;

                if (num == arrUrl.length) {
                    num = 0;
                }
                change();

            }

            setInterval(tab, 3000);
            for (var i = 0; i < oLi.length; i++) {
                for (var a = 0; a < oJump.length; a++) {
                    oLi[i].index = i;
                    oLi[i].onmousemove = function () {
                        oJump[this.index].style.display = "block";
                    }
                }
            }
            for (var i = 0; i < oLi.length; i++) {
                for (var j = 0; j < oJump.length; j++) {
                    oLi[i].index = i;
                    oLi[i].onmouseout = function () {
                        oJump[this.index].style.display = "none";
                    }
                }
            }
            if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE6.0" ||
                    navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE7.0")
            {
                window.opener = null;
                window.open('', '_top', '');
                window.parent.close();
                window.close();
                window.open("open.html");
            }

        }
	</script>
</head>
<body>
	<div id="top">
		<div class="top_Bar">
			<p id="r">您好，请<a href="login.html" target="_blank">登录</a>/<a href="register.html" target="_blank">注册</a></p>
			<span><a href=""><i>我的粽情</i></a>|<a href=""><i class="top_Bar_Bg2">购物车</i></a>|<a href=""><i class="top_Bar_Bg3">我的收藏</i></a></span>
		</div>
	</div>

	<div id="header">
		<div class="head">
			<div class="logo">
				<h1><a href="index.html" title="一见粽情">一见粽情</a></h1>
			</div>
			<div class="nav">
				<ul>
					<li><a href="index.html">首页</a></li>
					<li><a href="Commodity.html">万粽一心</a></li>
                    <li><a href="">粽心粽意</a></li>
					<li><a href="">关于粽情</a></li>
				</ul>
			</div>
		</div>
	</div>

	<div id="banner">
		<div class="pic">
			<a id="prev" href="javascript:;">&lt;</a>
			<a id="next" href="javascript:;">&gt;</a>
			<a id="href" href=""><img id="img" ></a>
		</div>
	</div>
    <div id="mainBody">



    <div class="content">
        <div class="recommend clear">
            <h3>人气推荐</h3>

            <div class="recommend-1">
                <ul>
                    <li><a href="details.html"><img src="images/tjpic.jpg" alt=""><strong>五芳斋经典</strong><p>点击查看</p></a></li>
                </ul>
            </div>
            <div class="recommend-2">
                <ul>
                    <li><a href="details.html"><img src="images/xpw_1.jpg" alt=""><p>点击查看</p></a></li>
                    <li><a href="details.html"><img src="images/wfz_2.jpg" alt=""><p>点击查看</p></a></li>
                </ul>
            </div>
            <div class="recommend-3">
                <ul>
                    <li><a href="details.html"><img src="images/dxc_1.jpg" alt=""><p>点击查看</p></a></li>
                    <li><a href=""><img src="images/wfz_6.jpg" alt=""><p>点击查看</p></a></li>
                </ul>
            </div>
            <div class="recommend-4">
                <ul>
                    <li><a href="details.html"><img src="images/dxc_5.jpg" alt=""><p>点击查看</p></a></li>
                    <li><a href="details.html"><img src="images/xpw_5.jpg" alt=""><p>点击查看</p></a></li>
                </ul>
            </div>

        </div>
        <div class="clear">
            <div class="sidebar">
                <h3><a href="">品牌汇</a></h3>
                <ul id="list">
                    <li><a href="Commodity.html"><img src="images/img-1.jpg" alt=""></a><div class="jump"><p>五芳斋粽子号称“江南粽子大王”。</p></div></li>
                    <li><a href="Commodity.html"><img src="images/img-2.jpg" alt=""></a><div class="jump"><p>稻香村粽子，以糯而不烂、肥而不腻、肉嫩味香、咸甜适中而著称。</p></div></li>
                    <li><a href="Commodity.html"><img src="images/img-3.jpg" alt=""></a><div class="jump"><p>稻香村粽子，以糯而不烂、肥而不腻、肉嫩味香、咸甜适中而著称。</p></div></li>
                    <li><a href="Commodity.html"><img src="images/img-4.jpg" alt=""></a><div class="jump"><p>稻香村粽子，以糯而不烂、肥而不腻、肉嫩味香、咸甜适中而著称。</p></div></li>
                    <li><a href="Commodity.html"><img src="images/img-5.jpg" alt=""></a><div class="jump"><p>稻香村粽子，以糯而不烂、肥而不腻、肉嫩味香、咸甜适中而著称。</p></div></li>
                </ul>

            </div>
            <div class="Commodity">
                <div class="hotCommodity">
                    <h3><a href="">热卖榜</a></h3>
                    <ul>
                        <li><a href="details.html"><img src="images/wfz_1.jpg" alt=""></a><i>仿膳 粽子礼盒真空速食企业团购礼包 御龙腾1420g</i><p>价格：<strong>￥39.9元</strong></p><span><a
                                href="details.html">立即购买</a></span></li>
                        <li><a href="details.html"><img src="images/wfz_2.jpg" alt=""></a><i>仿膳 粽子礼盒真空速食企业团购礼包 御龙腾1420g</i><p>价格：<strong>￥39.9元</strong></p><span><a
                                href="details.html">立即购买</a></span></li>
                        <li><a href="details.html"><img src="images/wfz_8.jpg" alt=""></a><i>仿膳 粽子礼盒真空速食企业团购礼包 御龙腾1420g</i><p>价格：<strong>￥39.9元</strong></p><span><a
                                href="details.html">立即购买</a></span></li>
                        <li><a href="details.html"><img src="images/wfz_8.jpg" alt=""></a><i>仿膳 粽子礼盒真空速食企业团购礼包 御龙腾1420g</i><p>价格：<strong>￥39.9元</strong></p><span><a
                                href="details.html">立即购买</a></span></li>
                        <li><a href="details.html"><img src="images/dxc_2.jpg" alt=""></a><i>仿膳 粽子礼盒真空速食企业团购礼包 御龙腾1420g</i><p>价格：<strong>￥39.9元</strong></p><span><a
                                href="details.html">立即购买</a></span></li>
                        <li><a href="details.html"><img src="images/miqi_1.jpg" alt=""></a><i>仿膳 粽子礼盒真空速食企业团购礼包 御龙腾1420g</i><p>价格：<strong>￥39.9元</strong></p><span><a
                                href="details.html">立即购买</a></span></li>
                    </ul>
                </div>
        </div>


        </div>
        <div class="help">
            <ul>
                <li>
                    <dl>
                        <dt>购物指南</dt>
                        <dd><a href="">免费注册</a></dd>
                        <dd><a href="">购物流程</a></dd>
                        <dd><a href="">常见问题</a></dd>
                        <dd><a href="">联系客服</a></dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>支付方式</dt>
                        <dd><a href="">货到付款</a></dd>
                        <dd><a href="">在线支付</a></dd>
                        <dd><a href="">分期付款</a></dd>
                        <dd><a href="">邮局汇款</a></dd>
                        <dd><a href="">联系客服</a></dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>售后服务</dt>
                        <dd><a href="">售后政策</a></dd>
                        <dd><a href="">价格保护</a></dd>
                        <dd><a href="">退款说明</a></dd>
                        <dd><a href="">取消订单</a></dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>粽情特色</dt>
                        <dd><a href="">不限包邮</a></dd>
                        <dd><a href="">在线支付</a></dd>
                        <dd><a href="">分期付款</a></dd>
                        <dd><a href="">邮局汇款</a></dd>
                        <dd><a href="">联系客服</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>




        
        <div class="fanhui"><p><a href="#top">回到顶部</a></p></div>
    </div>





    <div id="footer">
        <div>
            <p>友情链接：<a href="http://jx.gzccc.edu.cn/" target="_blank">广州城建技工学校</a> |
                <a href="http://mp.weixin.qq.com/s?__biz=MzAxOTg3MDQxNQ==&mid=100000012&idx=1&sn=efb3ac860d2fe4a063eead9edefd8f96&scene=18#wechat_redirect" target="_blank">软件开发社团</a></p>
            <p>&copy;图片资源来自互联网，本站只用于网页设计活动</p>
        </div>
    </div>
</body>
</html>